.bodyy,
.container {
    height: 100vh;
    width: 100vw;
}
.bodyy {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    z-index: 33;
}
.bodyy,
.bodyy .sitename {
    left: 0;
    position: absolute;
}
.bodyy .sitename {
    color: #fff;
    height: 50rpx;
    text-align: center;
    top: 400rpx;
    width: 100%;
}
.bodyy .sitename .h1 {
    font-size: 50rpx;
    letter-spacing: 10rpx;
    transform: scale(1, 2);
}
.bodyy .sitename .h5 {
    font-size: 32rpx;
    margin-top: 40rpx;
}
.bodyy .loadbtm {
    bottom: 420rpx;
    height: 105rpx;
    left: 5%;
    position: absolute;
    text-align: center;
    width: 90%;
}
.bodyy .loadbtm .cliadv {
    background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 0.6) 0, var(--color) 100%);
    background-color: #fff;
    border-radius: 110rpx;
    box-shadow: 0 6rpx 16rpx rgba(var(--rgbcolor), 0.4);
    color: #fff;
    display: inline-block;
    font-size: 34rpx;
    height: 105rpx;
    line-height: 105rpx;
    width: 90%;
}
.bodyy .loadbtm button.btntext,
.bodyy .loadbtm button.cliadv {
    font-weight: 400;
    padding: 0;
}
.reg_enter {
    color: #fff;
    margin: 40rpx auto 0;
    width: 70%;
}
.reg_enter,
.reg_enter .reg {
    font-size: 30rpx;
    height: 44rpx;
}
.reg_enter .reg {
    display: block;
    float: left;
    line-height: 44rpx;
    margin-top: 5rpx;
    text-align: left;
    width: 300rpx;
}
.reg_enter button.reg {
    background: none;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: 400;
    line-height: 42rpx;
    margin: 0;
    padding: 0;
}
.reg_enter .enter {
    display: block;
    float: right;
    height: 44rpx;
    line-height: 44rpx;
}
.bodyy .clause {
    bottom: 120rpx;
    color: #999;
    height: 28rpx;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.bodyy .clause .a {
    color: #fff;
    display: inline-block;
    margin: 0 10rpx;
}
.bodyy .clause checkbox {
    border-radius: 2rpx;
    display: inline-block;
    margin-right: 5rpx;
    vertical-align: middle;
}
.drag {
    background: inherit;
    height: 700rpx;
    left: -webkit-calc(50% - 350rpx);
    position: absolute;
    top: 200rpx;
    width: 700rpx;
}
.drag > div {
    line-height: 200px;
    text-align: center;
    z-index: 3;
}
.drag > div,
.drag:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.drag:after {
    background: inherit;
    content: '';
    filter: blur(40rpx);
    z-index: 2;
}
.div_box .h2 {
    margin-top: 60rpx;
}
.div_box .S15 {
    line-height: 170%;
    margin: 24rpx auto;
    text-align: left;
    width: 81%;
}
.div_box .S15 navigator {
    display: inline;
}
.div_box button {
    margin-top: 20rpx;
}
